/
zzz-addToolbarInsideLocationBar.uc.js
218 lines (200 loc) · 10.7 KB
/
zzz-addToolbarInsideLocationBar.uc.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
// ==UserScript==
// @name 000-addToolbarInsideLocationBar.uc.js
// @namespace http://space.geocities.yahoo.co.jp/gl/alice0775
// @description add a Toolbar inside LocationBar
// @include main
// @compatibility Firefox 65+
// @author Alice0775
// @version 2019/02/03 23:30 fix revert 59db416
// @version 2019/02/03 23:30 fix force 18px in height.
// @version 2019/02/03 23:00 This is not working with popup button.
// @version 2019/02/03 18:00 This is not working with addon's button any more.
// @version 2019/02/01 20:00 wip, workaround fix for second window is broken
// @version 2018/11/15 30:00 fix "unable to normalize widget" error
// @version 2018/11/15 15:00 fix Bug 1505734 Remove logic from CustomizableUI toolbar XBL constructor
// @version 2017/12/16 15:00 stop-reload button hack default/lightweight theme
// @version 2017/12/15 17:00 57
// @version 2016/01/23 1$:00 fix unexpectedly open url when reorder bookmarks
// @version 2015/08/11 18:00 fix icon size due to bug Bug 1147702
// @version 2015/04/11 12:00 fix icon size due to bug 1147702
// @version 2014/09/28 22:00 fix does not preserve position due to bug 1001090
// @version 2014/06/20 22:00 do not collapse in gullscreen
// @version 2014/06/07 20:00 slightly delayed to display toolbar
// @version 2014/05/23 00:00 preserve position after customize toolbar
// @version 2014/05/16 00:00 check for toolbar had been registered
// @version 2014/05/14 14:20 typ csso
// @version 2014/05/14 00:50 beforecustomization insted aftercustomization
// @version 2014/05/14 00:00 fix style of #bookmarks-menu-button and BookmarkingUI._currentAreaType
// @version 2014/05/13 23:30 fix style of |type=menu-button|
// @version 2014/05/13 21:30 add to view menu
// @version 2014/05/13 13:30 see note below
// @version 2014/05/13 10:30 cosmetic
// @version 2014/05/13 09:30 fix second window
// @version 2014/05/13
// @note This is not working with popup button.
// @note This is not working with addon's button any more.
// @note USAGE: View > Toolbars > Cutomize..., then, the "Toolbar Inside LocationBara"(red dotted) appeas at lefy side of nav bar. and you can drag and drop toolbarbutton on to the toolbar. The toolbarbutton will display inside locatonbar after exit customize mode. If you want to drag an item to the other toolbar, you should place the item on palette once, then move it to the other toolbar. i.e, this toolbar > palette > other toolbar
// @note 使い方: ツールバーのカスタマイズに入ると, "Toolbar Inside LocationBara"(赤点線)がナビゲーションバーの左端に表示されるので, そこにツールボタンをドラッグ&ドロップする。カスタマイズ終了後，ツールボタンがロケーションバーのに表示される。このツールバーから別のツールバーにボタンを移動する場合は，一旦パレット領域に置いてください。すなわち このツールバー > パレット > 別のツールバー
// ==/UserScript==
var addToolbarInsideLocationBar = {
init: function() {
let style = `
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#ucjs-Locationbar-toolbar {
-moz-appearance: none;
background-color: transparent;
background-image: none;
padding: 0px 2px;
border: none;
}
#main-window[customizing] #ucjs-Locationbar-toolbar {
min-width :30px;
border: 1px dotted rgba(255,0,0,0.6) ;
}
/*default theme*/
#nav-bar #ucjs-Locationbar-toolbar > toolbarbutton .toolbarbutton-icon {
width: 18px;
height: 18px;
padding: 0 2px 0 2px !important;
}
#nav-bar .toolbarbutton-1[type=menu]:not(#back-button):not(#forward-button):not(#feed-button):not(#social-provider-button):not(#PanelUI-menu-button) {
padding-left: 2px;
padding-right: 2px;
}
#ucjs-Locationbar-toolbar .toolbarbutton-1:not([type=menu-button]),
#ucjs-Locationbar-toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
#ucjs-Locationbar-toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
padding: 0 2px 0 2px !important;
}
#ucjs-Locationbar-toolbar .toolbarbutton-1:not(#bookmarks-menu-button) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
padding: 5px 2px 4px 2px;
}
#ucjs-Locationbar-toolbar #bookmarks-menu-button[cui-areatype="toolbar"]:not(.bookmark-item):not([overflowedItem=true]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
padding: 0 2px 0 2px !important;
width: 23px;
}
#ucjs-Locationbar-toolbar:not([customizing="true"]) #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
width: 18px;
}
/* xxx stop-reload button hack default theme*/
#ucjs-Locationbar-toolbar:not(:-moz-lwtheme) #stop-reload-button > #reload-button > .toolbarbutton-icon,
#ucjs-Locationbar-toolbar:not(:-moz-lwtheme) #stop-reload-button > #reload-button[displaystop] + #stop-button > .toolbarbutton-icon
{
fill: rgb(0, 0, 0);
}
#ucjs-Locationbar-toolbar:not(:-moz-lwtheme) #stop-reload-button[animate] > #reload-button > .toolbarbutton-icon,
#ucjs-Locationbar-toolbar:not(:-moz-lwtheme) #stop-reload-button[animate] > #reload-button[displaystop] + #stop-button > .toolbarbutton-icon
{
fill: rgb(0, 0, 0);
}
/* xxx stop-reload button hack lightweight theme (bright theme)*/
#ucjs-Locationbar-toolbar:-moz-lwtheme-darktext #stop-reload-button > #reload-button > .toolbarbutton-icon,
#ucjs-Locationbar-toolbar:-moz-lwtheme-darktext #stop-reload-button > #reload-button[displaystop] + #stop-button > .toolbarbutton-icon
{
fill: rgb(0, 0, 0);
}
#ucjs-Locationbar-toolbar:-moz-lwtheme-darktext #stop-reload-button[animate] > #reload-button > .toolbarbutton-icon,
#ucjs-Locationbar-toolbar:-moz-lwtheme-darktext #stop-reload-button[animate] > #reload-button[displaystop] + #stop-button > .toolbarbutton-icon
{
fill: rgb(0, 0, 0);
}
/* xxx stop-reload button hack lightweight theme (dark theme)*/
#ucjs-Locationbar-toolbar:-moz-lwtheme-brighttext #stop-reload-button > #reload-button > .toolbarbutton-icon,
#ucjs-Locationbar-toolbar:-moz-lwtheme-brighttext #stop-reload-button > #reload-button[displaystop] + #stop-button > .toolbarbutton-icon
{
fill: rgb(255, 255, 255);
}
#ucjs-Locationbar-toolbar:-moz-lwtheme-brighttext #stop-reload-button[animate] > #reload-button > .toolbarbutton-icon,
#ucjs-Locationbar-toolbar:-moz-lwtheme-brighttext #stop-reload-button[animate] > #reload-button[displaystop] + #stop-button > .toolbarbutton-icon
{
fill: rgb(255, 255, 255);
}
`.replace(/\s+/g, " ");
let sspi = document.createProcessingInstruction(
'xml-stylesheet',
'type="text/css" href="data:text/css,' + encodeURIComponent(style) + '"'
);
document.insertBefore(sspi, document.documentElement);
sspi.getAttribute = function(name) {
return document.documentElement.getAttribute(name);
};
const kNSXUL = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
Components.utils.import("resource:///modules/CustomizableUI.jsm");
//create toolbar
let toolbar = document.createElementNS(kNSXUL, "toolbar");
toolbar.setAttribute("id", "ucjs-Locationbar-toolbar");
toolbar.setAttribute("customizable", "true");
toolbar.setAttribute("mode", "icons");
toolbar.setAttribute("iconsize", "small");
toolbar.setAttribute("context", "toolbar-context-menu");
toolbar.setAttribute("class", "toolbar-primary chromeclass-toolbar customization-target");
toolbar.setAttribute("fullscreentoolbar", "true");
toolbar.setAttribute("toolbarname", "UCJS Toolbar Inside LocationBar");
toolbar.setAttribute("toolboxid", "navigator-toolbox");
toolbar.setAttribute("hidden", "true");
setTimeout(function(){toolbar.removeAttribute("hidden");}, 0)
let ref = this.getInsertPoint();
ref.appendChild(toolbar);
//register toolbar.id
this.registerArea("ucjs-Locationbar-toolbar");
this.fakeUnregisterArea("ucjs-Locationbar-toolbar");
// xxxx toDo removing dirty hack
gURLBar.onDrop_addToolbarInsideLocationBar = gURLBar.onDrop;
gURLBar.onDrop = function(event) {
var toolbar = document.getElementById("ucjs-Locationbar-toolbar");
var target = event.originalTarget;
while(target) {
if (target == toolbar) {
return;
}
target = target.parentNode;
}
gURLBar.onDrop_addToolbarInsideLocationBar(event);
};
//
window.addEventListener("beforecustomization", this, true);
//BookmarkingUI._updateCustomizationState();
},
getInsertPoint: function() {
return (document.getElementById("urlbar-icons")
|| document.getElementById("page-action-buttons")
);
},
registerArea: function(name) {
Components.utils.import("resource:///modules/CustomizableUI.jsm");
CustomizableUI.registerArea(name, {
type: CustomizableUI.TYPE_TOOLBAR,
defaultPlacements: ["feed-button"],
defaultCollapsed: null,
legacy: true
}, true);
CustomizableUI.registerToolbarNode(document.getElementById(name));
},
fakeUnregisterArea: function(name) {
let CustomizableUIBSPass =
ChromeUtils.import("resource:///modules/CustomizableUI.jsm", null);
CustomizableUIBSPass.gAreas.delete(name);
CustomizableUIBSPass.gBuildAreas.delete(name);
},
handleEvent: function(event) {
let toolbar = document.getElementById("ucjs-Locationbar-toolbar");
switch(event.type) {
case "beforecustomization":
window.addEventListener("customizationending", this, false);
this.registerArea("ucjs-Locationbar-toolbar");
this.placeholder = toolbar.parentNode.insertBefore(document.createElement("hbox"), toolbar);
let ref = document.getElementById("nav-bar-customization-target");
toolbar.setAttribute("tooltiptext", "Toolbar inside LocationBar");
ref.parentNode.insertBefore(toolbar, ref);
break;
case "customizationending":
window.removeEventListener("customizationending", this, false);
this. placeholder.parentNode.replaceChild(toolbar, this. placeholder);
toolbar.removeAttribute("tooltiptext");
this.fakeUnregisterArea("ucjs-Locationbar-toolbar");
//BookmarkingUI._updateCustomizationState();
break;
}
},
};
addToolbarInsideLocationBar.init();